<?php if(!defined('IN_DISCUZ')) exit('Access Denied'); hookscriptoutput('index');
block_get('51,52,48,50,49,47,53');?><?php include template('common/header'); ?> 
<style id="diy_style" type="text/css"></style>
<style type="text/css">
body { font-family: mipro !important; background: #F5F5F5 !important}
.picture:last-child .bottomLine { padding-bottom: 26px !important}
.imgItem img, .article .bottomPic img { transition: all .5s ease-in-out}
.article .bottomPic:hover img { transform: scale(1.2) !important}
.boardName-3wdbA:hover { color: #ff6661}
.abstractMid-pic:hover, .boardName-3wdbA:hover, .article .titleTop:hover, .titlePic .pic-name:hover { color: #ff6661 !important}
.bannerx1 { position: relative; width:702px; height:278px; margin-bottom: 20px !important; border-radius: 10px; overflow: hidden}
.bannerx1 .pic img { width:702px; height:278px; display: block; }
.bannerx1 .hd { overflow:hidden; zoom:1; position:absolute; bottom:10px; left:25px; z-index:3}
.bannerx1 .hd li{ float: left; width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.4);
    margin-right: 6px}
.bannerx1 .hd .on{ background: #FFFFFF}

.ContainTitleCard_titleCard__muJ_r {
    padding: 15px 20px;
    background-color: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 20px
}
.ContainTitleCard_title__2sQkH {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
line-height: 44px
}
.ContainTitleCard_titleCard__muJ_r .ContainTitleCard_title__2sQkH .ContainTitleCard_titleName__2sWlb {
    cursor: pointer;
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    color: #0e151c;
}
.component_content__2odo9 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
}
.component_content__2odo9 .component_item__1sazL {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
text-align: center;
    width: 25%;
    height: 55px;
    margin-bottom: 20px;
}
.component_content__2odo9 .component_item__1sazL .component_imgStyle__3AEXJ {
display: inline-block;
    width: 32px;
    height: 32px;
    margin-bottom: 6px;
}
.lazyload-img_lazyloadImg__curXl {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
img.lazyload-img_lazyloadImg__curXl {
    object-fit: cover;
    max-width: 100%;
}
.component_content__2odo9 .component_item__1sazL .component_imgStyle__3AEXJ>img {
    width: 100%;
    height: 100%;
}
.component_content__2odo9 .component_item__1sazL .component_des__6GUKU {
    font-size: 14px;
    color: #0e151c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.boardList-Mux4Z { width: 230px; padding: 15px; box-sizing: border-box}
.banner-bE2UD { width: 52px; height: 52px; border-radius: 50%}
.boardName-3wdbA { font-size: 15px}
.collectCnt-1LON7 { font-size: 13px}
.pc-forum {
    background-color: #fff;
    border-radius: 8px;
    font-family: ' .AppleSystemUIFont';
    padding-left: 15px;
    margin-bottom: 24px;
}
.pc-forum .pc-forum-title {
    font-size: 18px;
    color: #0e151c;
    letter-spacing: 1px;
    font-weight: 400;
    padding-top: 24px;
    overflow: hidden;
    font-weight: 400;
}
.pc-forum .pc-forum-content {
    font-size: 14px;
    color: rgba(0,0,0,0.85);
    font-weight: 400;
    padding: 18px 0 10px 0;
}
.pc-forum .pc-forum-content .content-item {
    padding-bottom: 18px;
    width: 194px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
}
.pc-forum-content .content-item:before {
    content: '';
    width: 12px;
    height: 18px;
    opacity: 0.9;
    border-radius: 2px;
    margin-right: 8px;
    background: url(template/quater_2023_dji/src/ic_top.png) no-repeat;
    background-size: contain;
    vertical-align: sub;
    display: inline-block;
}
.dji-community-content a {
    text-decoration: none;
}
.pc-forum-button {
    margin-right: 16px;
    padding-bottom: 16px;
    height: 44px;
}
.pc-forum-button .forum-button {
    background: rgba(0,0,0,0.04);
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    display: block;
    font-weight: bold;
}
.pc-forum-button .forum-button:hover { background: rgba(0,0,0,0.06)}
.index-topic .pc-forum-content .content-item:before { display: none}
.index-topic .pc-forum-content .content-item span {
    width: 18px;
    height: 18px;
    display: inline-block;
}
.index-topic .pc-forum-content .content-item:nth-child(1) span {
    width: 12px;
    height: 18px;
    background: url(template/quater_2023_dji/src/top1_icon.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}
.index-topic .pc-forum-content .content-item:nth-child(2) span {
    width: 12px;
    height: 18px;
    background: url(template/quater_2023_dji/src/top_2.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}
.index-topic .pc-forum-content .content-item:nth-child(3) span {
    width: 12px;
    height: 18px;
    background: url(template/quater_2023_dji/src/top3.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}
.index-topic { width: 230px; box-sizing: border-box}
.flyer-miles-wrap {
    background: #FFFFFF;
    border-radius: 8px;
    margin-bottom: 24px;
}
.flyer-miles-wrap .flyer-miles-img img {
    width: 100%;
    height: 92px;
    background-size: contain;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.flyer-miles-wrap .flyer-miles-list {
    padding: 16px 10px 8px 8px;
}
.flyer-miles-wrap .flyer-miles-list .list-item {
    height: 24px;
    border: 1px solid rgba(241,240,240,1);
    border-radius: 2px;
    line-height: 24px;
padding: 8px 0;
    font-family: '.AppleSystemUIFont';
    font-size: 12px;
    color: rgba(0,0,0,0.85);
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    display: block;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin-bottom: 8px;
    cursor: pointer;
}
.flyer-miles-wrap .flyer-miles-list .list-item .item-num {
float: left;
    font-family: 'DIN Next W1G';
    font-size: 18px;
    padding: 0 5px 0 8px;
    width: 11px;
line-height: 24px;
    display: inline-block;
}
.flyer-miles-list .list-item .img-icon-wrap {
float: left;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 6px;
    position: relative;
}
.flyer-miles-list .list-item img {
    width: 24px;
    height: 24px;
    background-size: contain;
    border-radius: 50%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.08);
    background-color: rgba(0,0,0,0.06);
}
.flyer-miles-list .list-item .item-text {
float: left;
    width: 96px;
    font-family: 'PingFangSC-Regular';
    font-size: 12px;
    color: rgba(0,0,0,0.85);
    line-height: 24px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}
.flyer-miles-list .list-item .item-count {
float: right;
    font-family: 'DIN Next W1G';
    font-size: 12px;
    color: rgba(0,0,0,0.85);
    line-height: 24px;
    font-weight: 400;
    margin-right: 4px;
}
.ListCard_listCard__EVHPB .ListCard_item__tDZ0H { font-size: 15px}
@media (max-width: 820px) {
.left_side { display: none}
.menhu_top { margin-top: 15px !important}
.mi_section { width: 100% !important}
.portal_left { width: 92% !important; margin-left: 4%}
.portal_right { display: none}
.mn { width: 100% !important; border-radius: 0 !important}
.square-content .left-con { width: 100% !important; padding: 0 4% !important; box-sizing: border-box}
.imgList { width: 100% !important; display: block !important}
.imgList400 { width: 100% !important}
.imgList2 { height: 100px !important}
.imgItem { float: left; width: 32% !important; height: 100px !important; margin: 0 2% 0 0 !important; border-radius: 5px}
.imgItem img { height: 100px !important; width: auto !important; max-width: 100%; min-width: 100% !important}
.imgItem:nth-child(4n) { margin-right: 0 !important}
.imgList400 .imgItem { width: 49% !important; margin: 10px 2% 0 0 !important}
.imgList400 .imgItem:nth-child(4n) { margin: 10px 2% 0 0 !important}
.imgList400 .imgItem:nth-child(2n) { margin-right: 0 !important}
.article .bottomPic { width: 140px !important}
.article .oneContent { width: calc(100% - 155px) !important}
.bottomLine { margin-top: 20px !important}
.bannerx1 { position: relative; width: 100%; height: auto; margin-bottom: 15px !important; overflow: hidden}
.bannerx1 .pic img { width: 100% !important; height: auto !important; display: block; }
.imgList1 .imgItem { max-width: 100% !important; width: auto !important; height: auto !important}
.imgList1 .imgItem img { max-width: 100% !important; height: auto !important; max-height: 160px !important}
.article .titleTop { font-size: 16px !important}
.abstractMid-pic { line-height: 22px !important; max-height: 22px !important; font-size: 14px !important; color: #999999 !important}
.titlePic .pic-name { font-size: 14px !important}
.titlePic .pic-time { font-size: 13px !important}
.picture { padding-top: 20px !important}
.bottomLine { padding-bottom: 20px !important}
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="template/quater_2023_dji/src/js/jquery.superslide.js?<?php echo VERHASH;?>" type="text/javascript" type="text/javascript"></script>
<script src="template/quater_2023_dji/src/js/sticky.js?<?php echo VERHASH;?>" type="text/javascript" type="text/javascript"></script>
<script src="template/quater_2023_dji/src/js/Ajax.js?<?php echo VERHASH;?>" type="text/javascript" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" id="time_diy" href="template/quater_2023_dji/portal/menhu/1.f8bc4a7a.chunk.css?<?php echo VERHASH;?>" />
<link rel="stylesheet" type="text/css" id="time_diy" href="template/quater_2023_dji/portal/menhu/19.ff66d6ed.chunk.css?<?php echo VERHASH;?>" />
<link rel="stylesheet" type="text/css" id="time_diy" href="template/quater_2023_dji/portal/menhu/7.d7fd8f2e.chunk.css?<?php echo VERHASH;?>" /><?php require_once($_G['style']['tpldir']."/php/get_img.php");?><?php require_once($_G['style']['tpldir']."/php/function.php");?></div>

<div class="menhu_top wp" style="margin: 20px auto; position: relative;">
 <div class="square-content cl">
    <div class="left_side cl" style="float: left; width: 230px; min-height: 500px; margin: 0 25px 0 0;">
    <!--[diy=diy_left1]--><div id="diy_left1" class="area"><div id="frameKmJUAu" class="frame move-span cl frame-1"><div id="frameKmJUAu_left" class="column frame-1-c"><div id="frameKmJUAu_left_temp" class="move-span temp"></div><?php block_display('51');?></div></div><div id="framen7mx5G" class="frame move-span cl frame-1"><div id="framen7mx5G_left" class="column frame-1-c"><div id="framen7mx5G_left_temp" class="move-span temp"></div><?php block_display('52');?></div></div></div><!--[/diy]-->
    </div>
    <div class="portal_left cl" style="float: left; width: 702px;">
    <!--[diy=diy_f_news_l]--><div id="diy_f_news_l" class="area"><div id="frameSI7IiJ" class="frame move-span cl frame-1"><div id="frameSI7IiJ_left" class="column frame-1-c"><div id="frameSI7IiJ_left_temp" class="move-span temp"></div><?php block_display('48');?></div></div></div><!--[/diy]-->
 	<div class="mn" style="float: left; width: 702px; box-shadow: none; border-radius: 0; background: none;">
        <?php require_once($_G['style']['tpldir']."/php/thread_list1.php");?>        <?php if($_GET['fid'] && false) { ?>
        <?php $getimage = DB::fetch_all("SELECT * FROM ".DB::table('forum_threadclass')." WHERE fid='$_GET[fid]' ORDER BY `displayorder` ASC");?>        <?php } ?>
        <div class="left-con cl">
        <div class="cl">
        <div class="cl">
        <ul class="xiaomi_list cl">
        <?php $list_count=0;?>        <?php if(isset($manylist) && is_array($manylist)) foreach($manylist as $thread) { ?>        <?php $list_count+=1;?>        <?php $getimage =""?>        <?php $table='forum_attachment_'.substr($thread['tid'], -1);?>        <?php $getimage = DB::fetch_first("SELECT aid,attachment FROM ".DB::table($table)." WHERE tid='$thread[tid]' AND readperm=0 AND price=0 AND isimage!=0 ORDER BY `dateline` ASC LIMIT 0,1");?>        <div class="picture article cl" style="display: block;">
<div class="titlePic cl">
  <div class="titlePic-left"><img class="mio-lazy-img" src="uc_server/avatar.php?uid=<?php echo $thread['authorid'];?>&amp;size=middle" alt="" style="width: 40px; height: 40px;">
    <div class="lazy-load-mask" style="opacity: 0;"></div>
    <div class="lazy-load-line"></div>
  </div>
  <div class="titlePic-right">
    <div class="pic-name"><?php echo $thread['author'];?></div>
  </div>
  <div class="pic-time" style="font-size: 14px;">
      <div><?php echo date("Y-m-d", $thread['dateline']); ?><em style="padding-left: 15px;">浏览 <?php echo $thread['views'];?></em></div>
    </div>
</div><?php $piccount = setthreadpic($thread['tid'],1,'piccount');?><?php include 'template/quater_2023_dji/php/display_Img.php'?><div class="titleTop"><a href="forum.php?mod=viewthread&amp;tid=<?php echo $thread['tid'];?>" target="_blank" rel="noopener noreferrer" style="color: #000000;"><?php echo $thread['subject'];?></a></div>
<div class="abstractMid-pic" style="cursor: default;"><span><?php require_once libfile('function/post');$post = C::t('forum_post')->fetch_threadpost_by_tid_invisible($thread['tid']);$post['message'] = trim(messagecutstr($post['message'], 60));?><?php echo $post['message'];?></span></div>

<?php if($piccount == 1) { ?>
<div class="imgList imgList1 cl">
 <?php if(isset($quaterimglist) && is_array($quaterimglist)) foreach($quaterimglist as $picdisplay) { ?> <?php $picdisplay['remote'] == 0 ? ($pic = 'data/attachment/') : ($pic = $_G['setting']['ftp']['attachurl']);?>  <div class="imgItem" style="width: 432px; max-height: 244px; height: auto; border-radius: 8px;"><img class="mio-lazy-img" src="<?php echo $pic;?>forum/<?php echo $picdisplay['attachment'];?>" alt="" style="max-width: 432px; width: auto; height: auto; overflow: hidden; border-radius: 8px;">
  </div>
  <?php } ?>
</div>
<?php } if($piccount >= 2) { ?>
<div class="imgList imgList2 cl" style="height: 140px; overflow: hidden;">
 <?php if(isset($quaterimglist) && is_array($quaterimglist)) foreach($quaterimglist as $picdisplay) { ?> <?php $picdisplay['remote'] == 0 ? ($pic = 'data/attachment/') : ($pic = $_G['setting']['ftp']['attachurl']);?>  <div class="imgItem" style="height: 140px; border-radius: 8px;"><img class="mio-lazy-img" src="<?php echo $pic;?>forum/<?php echo $picdisplay['attachment'];?>" alt="" style="width: auto; height: 140px; min-width: 140px; overflow: hidden; border-radius: 8px;">
  </div>
  <?php } ?>
</div>
<?php } ?>

<div class="bottomLine">
  <?php if($_G['cache']['forums'][$thread['fid']]['name']) { ?>
  <div class="left-bottome">
    <a href="forum.php?mod=forumdisplay&amp;fid=<?php echo $thread['fid'];?>" style="display: inline-block;"><div class="card-circle"><img src="template/quater_2023_dji/portal/menhu/left_circle.png" alt=""><span><?php echo $_G['cache']['forums'][$thread['fid']]['name'];?></span></div></a>
  </div>
  <?php } ?>
  <div class="article-footer">
    <div class="card-reply"><img src="template/quater_2023_dji/portal/menhu/res_.77116916.svg" alt=""><span><?php echo $thread['replies'];?></span></div>
    <div class="card-support"><img src="template/quater_2023_dji/portal/menhu/zan.8abff612.svg" alt=""><span><?php echo $thread['recommends'];?></span></div>
  </div>
</div>
</div>
<?php } ?>
</ul>
<div style="display:none;"><?php echo $pagenav;?></div>
</div>
</div>
        </div>
              <script type="text/javascript">
      jQuery(".tsj-clamp").click(function(){
jQuery(this).toggleClass("max-l-1");
})
    </script>
       <!--[diy=diy_tab_top]--><div id="diy_tab_top" class="area"></div><!--[/diy]-->
    </div>
    </div>
<div class="portal_right cl" style="float: right; width: 230px;">
<div class="drag">
<!--[diy=diy2]--><div id="diy2" class="area"><div id="frameng1GyZ" class="frame move-span cl frame-1"><div id="frameng1GyZ_left" class="column frame-1-c"><div id="frameng1GyZ_left_temp" class="move-span temp"></div><?php block_display('50');?></div></div><div id="framezE1sLX" class="frame move-span cl frame-1"><div id="framezE1sLX_left" class="column frame-1-c"><div id="framezE1sLX_left_temp" class="move-span temp"></div><?php block_display('49');?></div></div></div><!--[/diy]-->
</div>
            <div class="flow_box" style="width: 230px;">
               <!--[diy=diy3]--><div id="diy3" class="area"><div id="frametDMb7n" class="frame move-span cl frame-1"><div id="frametDMb7n_left" class="column frame-1-c"><div id="frametDMb7n_left_temp" class="move-span temp"></div><?php block_display('47');?></div></div><div id="framerpfEW3" class="frame move-span cl frame-1"><div id="framerpfEW3_left" class="column frame-1-c"><div id="framerpfEW3_left_temp" class="move-span temp"></div><?php block_display('53');?></div></div></div><!--[/diy]-->
            </div>
</div>
   	</div>
</div>
</div>

<script type="text/javascript">
      jQuery(".flyer-miles-wrap").sticky({ topSpacing: 76,bottomSpacing: 75});
</script>
<script src="template/quater_2023_dji/src/js/show/imgdisplay.js?<?php echo VERHASH;?>" type="text/javascript"></script>
<script src="template/quater_2023_dji/src/js/jqueryimg.js?<?php echo VERHASH;?>" type="text/javascript" type="text/javascript"></script>
<script type="text/javascript">
    jQuery(function(){
        var ias = jQuery.ias({
            container: ".xiaomi_list", 
            item: ".picture",
            pagination: ".pg",
            next: ".nxt",
        });
        ias.extension(new IASSpinnerExtension({
            html: '<div class="upLoading-3EpSR"><div class="common-loading"><div class="ant-spin ant-spin-lg ant-spin-spinning ant-spin-show-text"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span><div class="ant-spin-text">加载中......</div></div></div></div>'
        }));
ias.extension(new IASTriggerExtension({
            html: '<div class="upAfterTrigger-2bFhG" style="padding: 16px 0; color: #999999; font-size: 14px; cursor: pointer;">加载更多</div>',
            offset: 2, // offset:2 是第二页之后需要手动点击才能加载，offset:!1 为无限加载
        }));
        ias.extension(new IASNoneLeftExtension({
            html: '<div class="upAfterTrigger-2bFhG" style="padding: 16px 0; color: #999999; font-size: 14px;">没有更多数据了</div>',
        }));
    });

</script>


    		  	  		  	  		     	  		 	    		   		     		       	 				 	    		   		     		       	   			    		   		     		       	 			  	    		   		     		       	  	 		    		   		     		       	  	 	     		   		     		       	  	  	    		   		     		       	  	 	     		   		     		       	 				      		   		     		       	 			  	    		   		     		       	  		 	    		   		     		       	  	 	     		   		     		       	 			 	     		   		     		       	  		 	    		   		     		       	 			 		    		   		     		       	  			     		   		     		       	 			 	     		   		     		       	   			    		   		     		       	  	 		    		   		     		       	   		     		   		     		       	 					     		   		     		       	  		      		   		     		       	   			    		   		     		       	  	 		    		   		     		       	 					     		   		     		       	 			  	    		   		     		       	   		     		   		     		       	  		 	    		   		     		       	  	  	    		   		     		       	  	       		   		     		       	   			    		   		     		       	 					     		 	      	  		  	  		     <?php include template('common/footer'); ?>